<template>
    <div class="zong">
    <div class="shang">
        <a>商品管理</a>
        <a>商品添加</a>
        <a>分类管理</a>
        <a>切换查看</a>
    </div>
    <div class="xia">
        <div class="a">
            <img src="./assets/images/goods002.jpg" />
            <a>葡萄</a>
            <a>¥123</a>
            <a>拣货中</a>
            <button onclick="xiugai()">修改</button>
            <button onclick="shanchu()">删除</button>
        </div>
        <div class="b">
            <img src="./assets/images/goods003.jpg" />
            <a>草莓</a>
            <a>¥123</a>
            <a>拣货中</a>
            <button onclick="xiugai()">修改</button>
            <button onclick="shanchu()">删除</button>
        </div>
        <div class="c">
            <img src="./assets/images/goods004.jpg" />
            <a>黄桃</a>
            <a>¥123</a>
            <a>拣货中</a>
            <button onclick="xiugai()">修改</button>
            <button onclick="shanchu()">删除</button>
        </div>
        <div class="d">
            <img src="./assets/images/goods005.jpg" />
            <a>水蜜桃</a>
            <a>¥123</a>
            <a>拣货中</a>
            <button onclick="xiugai()">修改</button>
            <button onclick="shanchu()">删除</button>
        </div>
        <div class="di">
            <router-link to="/gm1">下一页</router-link>
        </div>
    </div>
    </div>
</template>
<script>
module.exports = {
    data() {
        return {
        };
    },
    methods: {
    }
};
function xiugai() { 
   
    }
function shanchu() { 
    
    }
</script>
<style scoped>
        .xia{
            width: 800px;
            height: 400px;
            background-color: rgb(90, 210, 225);
        }
        .a{
            width: 780px;
            height: 80px;
            background-color: rgb(23, 136, 235);
            margin: 10px 10px 10px 10px;
            text-align: center;
        }
        .b{
            width: 780px;
            height: 80px;
            background-color: rgb(23, 136, 235);
            margin: 10px 10px 10px 10px;
            text-align: center;
        }
        .c{
            width: 780px;
            height: 80px;
            background-color: rgb(23, 136, 235);
            margin: 10px 10px 10px 10px;
            text-align: center;
        }
        .d{
            width: 780px;
            height: 80px;
            background-color: rgb(23, 136, 235);
            margin: 10px 10px 10px 10px;
            text-align: center;
        }
        .xia img {
            width: 60px;
            }
</style>